//把屏幕分成15等分，设置的稿件是750px的
a{
    text-decoration: none;
}
//用电脑打开的时候显示设置的最大宽度
html{
    font-size: 50px;
}


@num: 15;
@baseFont:50;

//在320px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width: 320px){
html{
    font-size: 320px ./ @num;
    
}
}

//在360px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:360px){
    html{
        font-size: 360px ./ @num;
    }
    }



    //在375px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:375px){
    html{
        font-size: 375px ./ @num;
    }
    }


    //在384px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:384px){
    html{
        font-size: 384px ./ @num;
    }
    }


    //在400px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:400px){
    html{
        font-size: 400px ./ @num;
    }
    }

    //在414px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:414px){
    html{
        font-size: 414px ./ @num;
    }
    }


    //在424px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:424px){
    html{
        font-size: 424px ./ @num;
    }
    }

    //在480px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:480px){
    html{
        font-size: 480px ./ @num;
    }
    }

        //在540px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:540px){
    html{
        font-size: 540px ./ @num;
    }
    }

        //在720px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:720px){
    html{
        font-size: 720px ./ @num;
    }
    }


        //在750px的屏幕下对应，对应HTML的文字大小
@media screen and (min-width:750px){
    html{
        font-size: (750px / @num);
        
    }
    
    }

  
    